<template>
    <div class="phone">
        <van-nav-bar :title="$t('my.email')" leftArrow @click-left="_return"/>
        <div class="phoneMain">
            <div class="newPhone login">
                <van-field v-model="mail.oldVal" type="tel" :label="$t('my.old_email')" :placeholder="$t('common.email_remind')" />
                <van-field v-model="mail.oldCode" :label="$t('common.code')" :placeholder="$t('common.code_remind')"><p slot="button">{{$t('common.get_code')}}</p></van-field>
            </div>
            <div class="newPhone login">
                <van-field v-model="mail.newVal" type="tel" :label="$t('my.new_email')" :placeholder="$t('common.email_remind')" />
                <van-field v-model="mail.newCode" :label="$t('common.code')" :placeholder="$t('common.code_remind')"><p slot="button">{{$t('common.get_code')}}</p></van-field>
            </div>
            <button class="btn">{{$t('common.confirm')}}</button>
        </div>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                mail:{
                    oldVal:'',
                    oldCode:'',
                    newVal:'',
                    newCode:''
                }
            }
        },
        methods: {
            _return(){
                this.$emit('_return')
            }
        },
        created() {

        },
        mounted() {

        },
    }
</script>

<style lang="stylus" scoped>
    bac = linear-gradient(90deg,rgba(42,42,42,1) 0%,rgba(46,46,46,1) 100%);
    font = #CBAF89
    fonts = #898989
    [class*=van-hairline]::after{
        border: none;
    }
    .van-cell:not(:last-child)::after
        border none
    .van-cell:not(:last-child)
        border-bottom 1px solid rgba(255,255,255,.1)
    .phoneMain
        width 94%
        margin 0 auto
        .newPhone
            padding 5px
            background bac
            color font
            border-radius 5px
            margin-bottom 10px
            .van-cell
                color font
                background bac !important
                .van-field__button p
                    color font
        .btn
            height 40px
            color #000
</style>